<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的作品</title>
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/workFile.css">
	</head>
	<body>
		<div class="box">
			<h3 class="box_tit">Difficulties are like springs. If you are strong, you will be weak. If you are weak, you will be strong.</h3>
			<img class="box_bgc" src="img/workpic.jpeg" alt="">
			<div class='ribbon'>
			    <a href='#'><span>Showreel</span></a>
			    <a href='#'><span>About</span></a>
			    <a href='#'><span>Form</span></a> 
			</div>
			<div class="Box5">
			    <div class="Box5_title">
			        <h1>欢迎来到我的作品展</h1>
			        <h2>这里汇集了关于Vue项目的所有作品</h2>
			    </div>
			</div>
			<div class="content">
				<div class="content_box">
					<ul class="container1">
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic1.jpeg" ></span>
						        </div>
						        <a  href="homeWork1.html" class="container_text">仿重庆红岩历史革命博物馆官网的导航栏</a>
						        <div class="container_date">2023-03-14</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic2.jpg" ></span>
						        </div>
						        <a href="homeWork2.html" class="container_text">小米商城</a>
						        <div class="container_date">2023-03-20</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic3.jpg" alt=""></span>
						        </div>
						        <a href="homework3.html" class="container_text">仿小米商城购物车</a>
						        <div class="container_date">2023-3-31</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic4.jpeg" ></span>
						        </div>
						        <a href="homeWork4.html" class="container_text">小米商城的登录/注册</a>
						        <div class="container_date">2023-04-16</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic5.jpeg" ></span>
						        </div>
						        <a href="homeWork5.html" class="container_text">使用EventsBus实现组件通信</a>
						        <div class="container_date">2023-4-19</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic6.jpg"></span>
						        </div>
						        <a href="homeWork6.html" class="container_text">任务清单</a>
						        <div class="container_date">2023-05-14</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic6.jpg"></span>
						        </div>
						        <a href="homeWork7.html" class="container_text">登录窗口弹窗动画</a>
						        <div class="container_date">2023-01-23</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic6.jpg"></span>
						        </div>
						        <a href="#" class="container_text">使用vue router设计网站导航</a>
						        <div class="container_date">2023-01-23</div>
						    </a>
						</li>
						<li class="container1_li">
						    <a href="#">
						        <div class="container1_img">
						            <span class="container_load"><img src="img/container_pic6.jpg"></span>
						        </div>
						        <a href="#" class="container_text">仿腾讯手游助手官网</a>
						        <div class="container_date">2023-01-23</div>
						    </a>
						</li>
					</ul>
					<div class="container2">
					    <a href="#"><div class="container_button">更多作品</div></a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
